<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
	<title>按钮状态——禁用状态</title>
	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<!--
和input等表单控件一样，在Bootstrap框架的按钮中也具有禁用状态的设置。
禁用状态与其他状态按钮相比，就是背景颜色的透明度做了一定的处理，opcity的值从100%调整为65%。

在Bootstrap框架中，要禁用按钮有两种实现方式：

方法1：----在标签中添加disabled属性
方法2：----在元素标签中添加类名"disabled"

两者的主要区别是：".disabled"样式不会禁止按钮的默认行为，比如说提交和重置行为等。
如果想要让这样的禁用按钮也能禁止按钮的默认行为，则需要通过JavaScript这样的语言来处理。
对于<a>标签也存在类似问题，如果通过类名".disable"来禁用按钮，其链接行为是无法禁止。

而在元素标签中添加"disabled"属性的方法是可以禁止元素的默认行为的。

下面是两种方法的举例：

<button class="btnbtn-primary btn-lgbtn-block" type="button" disabled="disabled">通过disabled属性禁用按钮</button>
<button class="btnbtn-primary btn-block disabled" type="button">通过添加类名disabled禁用按钮</button>
<button class="btnbtn-primary btn-smbtn-block" type="button">未禁用的按钮</button>
-->
<body>
	<button class="btn btn-primary btn-lg btn-block" type="button" disabled="disabled">通过disabled属性禁用按钮</button> 
	<button class="btn btn-primary btn-block disabled" type="button">通过添加类名disabled禁用按钮</button>
	<button class="btn btn-primary btn-sm btn-block" type="button">未禁用的按钮</button>
  <input type="reset" class="btn btn-primary btn-block disabled" value="reset" />
  <button type="reset" class="btn btn-primary btn-block disabled">reset</button>
</body>
</html>